Skip to main content

Elemento di visualizzazione: Tendenza

Simbolo:

_visu_icon_trend_neu.png

Categoria: Controlli speciali

L'elemento visualizza la curva dei valori delle variabili come diagramma di tendenza. Il diagramma di tendenza è adatto a rappresentare una curva di dati a lungo termine perché i dati vengono letti da una registrazione di tendenza e quindi da un database. Inoltre, è possibile eseguire Tendenza elemento insieme al Selettore intervallo date, Leggenda, E Selettore intervallo di tempo elementi operativi affinché l'utente possa navigare comodamente nel diagramma.

Suggerimento

È possibile eliminare programmaticamente la curva di tendenza registrata durante l'esecuzione. La registrazione ricomincia dal momento dell'eliminazione.

Per ulteriori informazioni, vedere: Programmazione di una visualizzazione di trend

Suggerimento

IL Tendenza l'elemento di visualizzazione non può essere inserito in una visualizzazione nel pool POU.

Avviso

Kann auch veraltet seinEsempio di progetto per una visualizzazione con Trend

Proprietà dell'elemento

Sono disponibili tutte le proprietà degli elementi?

Tutte le proprietà sono disponibili solo dopo aver selezionato Avanzato opzione o Tutte le categorie filtrare Proprietà.

Nome elemento

Esempio: Velocity

Suggerimento

Assegna nomi individuali agli elementi in modo che vengano trovati più velocemente nell'elenco degli elementi.

Fonte di dati

Sorgente dati per la connessione tramite il dispositivo e l'applicazione al Registrazione delle tendenze oggetto in cui sono stati salvati i dati di tendenza che si desidera visualizzare.

Se la Registrazione delle tendenze oggetto si trova sul dispositivo locale, quindi è sufficiente quando si specifica la rispettiva applicazione. Se la registrazione del trend è su un dispositivo remoto, è necessario specificare la connessione dell'origine dati a questo dispositivo.

  • _cds_icon_application.png <applicazione locale>

    Il Registrazione delle tendenze l'oggetto si trova sul dispositivo locale nell'applicazione locale.

  • < device name> . < application name>

    Esempio: Device_A.App_A

    Il Registrazione delle tendenze l'oggetto si trova sul dispositivo locale Device_A sotto l'applicazione App_A.

  • _visu_icon_data_sources.png < data source name >

    Esempio: _visu_icon_data_sources.png DataSource_B

    Il Registrazione delle tendenze oggetto si trova su un dispositivo remoto connesso tramite l'origine dati DataSource_B. Sotto il (ora visibile) Applicazione proprietà, l'applicazione remota viene visualizzata come configurata nell'origine dati.

    Esempio: _cds_icon_application.png App_B

    Nota: se si accede simbolicamente all'origine dati tramite un file di simboli CODESYS (simbolico), quindi il file di simboli richiesto e il progetto corrispondente devono essere salvati nella stessa cartella.

Tipo di elemento

Tendenza

Registrazione delle tendenze

_visu_icon_trend_recording_manager.png: registrazione del trend i cui dati vengono visualizzati come diagramma

La registrazione del trend si trova sul dispositivo specificato in Fonte di dati proprietà.

Per ulteriori informazioni, vedere: Registrazione del trend

Impostazioni di visualizzazione

_visu_icon_trend_diagram.png: Il pulsante apre il Impostazioni di visualizzazione.

Cursore

Mostra cursore

standard icon: Nel diagramma di tendenza viene mostrato un cursore (triangolo nero con linea verticale).

Comportamento in fase di esecuzione:

Non appena il grafico viene "disegnato", l'utente può spostare il cursore lungo l'asse del tempo per contrassegnare un momento specifico. Quindi il valore della variabile appartenente alla posizione del cursore viene visualizzato nella legenda sopra il grafico.

_cds_img_trend_with_cursor.png

Mostra suggerimento

Requisito: Mostra cursore è attivato.

standard icon: Si apre una descrizione comandi in corrispondenza del cursore.

Comportamento in fase di esecuzione: il valore della variabile appartenente alla posizione del cursore viene visualizzato come suggerimento.

Mostra cornice

standard icon: Il diagramma di tendenza è disegnato con una cornice.

Formato numerico

Definizione del formato nella sintassi printf, che determina come i valori vengono visualizzati nella descrizione comandi e nella legenda

Esempio: %d (variabile intera) o %5.2f (numero in virgola mobile)

Intervallo di tempo predefinito

Valore orario predefinito per l'intervallo di tempo disponibile

Esempio: 20s, 1m

Etichette con segno di spunta

Suggerimento

L'ora memorizzata nella registrazione di tendenza è nel fuso orario UTC. Se l'ora è visualizzata nella tendenza dell'elemento di visualizzazione, i timestamp vengono convertiti nel fuso orario locale del sistema operativo del PLC.

Se gli orari nel diagramma di tendenza non rientrano nel fuso orario desiderato, modifica il fuso orario nel sistema operativo.

Suggerimento

È possibile modificare a livello di programmazione il fuso orario locale dell'ora di sistema in ora universale (UTC).

Quando la variabile VisuElems.Visu_DateTime.DisplayUTC è impostato su TRUE, l'ora di sistema viene visualizzata come ora universale (UTC). Per impostazione predefinita, la variabile VisuElems.Visu_DateTime.DisplayUTC è impostato su FALSE in modo che l'ora del sistema venga visualizzata nel fuso orario locale.

Per la visualizzazione dei valori di data e ora, è possibile estendere la rispettiva stringa di formato con il codice del fuso orario Z. Per un output in tempo di sistema locale, l'offset viene quindi visualizzato in tempo universale (UTC). Ad esempio, dd:MM:yyyy HH:mm:ss:ms:Z uscite 01.08.2021 12:00:00:001:+02:00Quando viene visualizzato l'ora universale (UTC), viene visualizzato anche il codice UTC. 01.08.2021 10:00:00:001:Z

Timbri temporali

Valore X del diagramma di tendenza

  • Timbri temporali assoluti

    In corrispondenza di ogni segno di spunta sull'asse del tempo viene visualizzato il tempo assoluto con data e ora.

    Esempio: 18.03.2016 12h30m50s

  • Timestamp relativi

    In corrispondenza di ogni segno di spunta viene visualizzato il periodo di tempo dall'inizio della registrazione (=0).

    Esempio: 5m30s

Disegna le etichette su due linee

standard icon: I timestamp vengono visualizzati su due righe (ad esempio, la data viene visualizzata sulla prima riga e l'ora sulla seconda).

_cds_icon_option_deactivated.png: Il timestamp viene visualizzato su una riga. Esempio: 2019-11-01-12:30:50.

Omettere informazioni irrilevanti nei timestamp

standard icon: I timestamp vengono visualizzati in forma troncata (senza informazioni insignificanti). Ad esempio, la data viene visualizzata al primo segno di spunta e solo l'ora viene visualizzata ai segni di spunta successivi. Internazionalizzazione (stringhe di formato) la proprietà non è visibile e viene ignorata.

_cds_icon_option_deactivated.png: I timestamp vengono visualizzati con tutte le informazioni. Questo tiene conto del Internazionalizzazione (stringhe di formato) proprietà che contiene la definizione del formato per la visualizzazione di data e ora.

Internazionalizzazione (stringhe di formato)

Definizione del formato per la visualizzazione della data e dell'ora del timestamp (quando viene visualizzato per intero)

Nota

La proprietà è visibile solo se il Omettere informazioni irrilevanti nei timestamp l'opzione è non selezionato.

Suggerimento

Fondamentalmente, tutto %t sono supportate le opzioni di formato descritte in "Segnaposto con definizione di formato" capitolo.

Data

Stringa di formato che restituisce la visualizzazione della data in base al formato definito. Le impostazioni locali del sistema operativo sono utilizzate come impostazione predefinita.

Opzioni per specificare la stringa di formato

  • Come una stringa fissa

    Esempio: MM/dd/yyyy

  • Come riferimento a una voce di elenco di testo <nome elenco di testo>.<ID>

    Per ogni lingua viene definita una stringa di formato.

    _visu_elem_prop_formatstring_ref_to_tlentry.png
. Stringhe di formato definite per la data:

  • Anno: yyyy, yy, y

  • Mese: MM, M

  • Giorno: dd, d

  • Separatore consigliato: - . /

Esempio:

yyyy-MM-d mostra 2019-10-25

yyyy-MM-dd mostra 2019-10-25

dd.MM.yyyy mostra 25.10.2019

dd/MM/yyyy mostra 25/10/2019

DateTime.DTPicker

Tempo

Stringa di formato che restituisce la visualizzazione dell'ora (o dell'ora del giorno) in base al formato definito. Le impostazioni locali del sistema operativo sono utilizzate come impostazione predefinita.

. Stringhe di formato definite per l'ora:

  • Definizione di tempo di 24 ore: HH, H

  • Definizione di tempo di 12 ore: hh, h

  • AM/PM per la definizione dell'orario a 12 ore: tt

  • Minuti: mm, m

  • Secondi: ss, s

  • Millisecondi: ms

  • Microsecondi: us

  • Separatore consigliato: : o carattere spazio

Esempio:

HH:mm:ss:ms mostra 15:30:59:123

h:mm:ss tt mostra 3:30:59 PM

DateTime.DTPicker

Posizione

La posizione definisce la posizione e la dimensione dell'elemento nella finestra di visualizzazione. Questo si basa sul sistema di coordinate cartesiane. L'origine si trova nell'angolo in alto a sinistra della finestra. L'asse X orizzontale positivo corre verso destra. L'asse Y verticale positivo corre verso il basso.

X

La coordinata X (in pixel) dell'angolo superiore sinistro dell'elemento

Esempio: 10

Y

La coordinata Y (in pixel) dell'angolo superiore sinistro dell'elemento

Esempio: 10

Larghezza

Specificato in pixel

Esempio: 150

Altezza

Specificato in pixel

Esempio: 30

Suggerimento

Puoi anche modificare i valori trascinando la casella _visu_icon_position_element.png simboli in altre posizioni nell'editor.

Controlli assegnati

Questi elementi vengono creati automaticamente quando Inserisci elementi per il controllo delle tendenze viene utilizzato per aggiungere i controlli.

Selettore intervallo di date

Controllo per modificare la data e l'ora dei set di dati visualizzati

Insieme a _cds_icon_three_dots.png, vengono forniti tutti gli elementi che hanno implementato l'interfaccia IDateRangeSelector. Per impostazione predefinita, le istanze di Selettore intervallo di date sono disponibili elementi di visualizzazione.

Selettore dell'intervallo di tempo

Controllo per modificare l'ora dei set di dati visualizzati

Insieme a _cds_icon_three_dots.png, vengono forniti tutti gli elementi che hanno implementato l'interfaccia ITimeSelector. Per impostazione predefinita, le istanze di Selettore intervallo di tempo sono disponibili elementi di visualizzazione.

Leggenda

Controllo per la visualizzazione di una legenda per i grafici

Insieme a _cds_icon_three_dots.png, vengono forniti tutti gli elementi che hanno implementato l'interfaccia ILegendDisplayer.

Variabili di controllo

Tabella 12. Ingrandisci

Lo zoom della curva visualizzata viene effettuato tramite il mouse o il gesto di pizzicare su un dispositivo multitouch. Si applica anche a tutti gli assi.

In fase di esecuzione quando Abilitare È TRUE, puoi disegnare un riquadro con il mouse tenendo premuto il pulsante sinistro del mouse. Quando si rilascia il pulsante del mouse, la visualizzazione ingrandisce la casella e la curva viene ingrandita. Per ingrandire e rimpicciolire un dispositivo multitouch, sposta rispettivamente due dita insieme o allontanandole l'una dall'altra.

Lo zoom e la panoramica possono funzionare insieme.

Abilitare

Variabile (BOOL) che abilita o disabilita lo zoom.

TRUE: Abilita lo zoom

Esempio: PLC_PRG.xZoomEnable

Casa

Variabile (BOOL)

Fronte di salita: ripristina la curva visualizzata allo stato iniziale dopo che la visualizzazione è cambiata a causa dello zoom.

Esempio: PLC_PRG.xZoomHome

Disfare

Variabile (BOOL)

Bordo di salita: ripristina la curva visualizzata alla posizione precedente dopo che la visualizzazione è cambiata a causa dello zoom.

Esempio: PLC_PRG.xZoomUndo

È ingrandito

Variabile (BOOL) che indica se la curva visualizzata è stata modificata o meno a causa dello zoom.

TRUE: L'impostazione della curva è stata ingrandita.

Esempio: PLC_PRG.xIsZoomed



Tabella 13. Padella

La panoramica della curva visualizzata viene eseguita tramite il mouse o il gesto di pizzicare su un dispositivo multitouch. Si applica anche a tutti gli assi.

In fase di esecuzione se Abilitare È TRUE, quindi puoi trascinare la curva visualizzata in un'altra posizione tenendo premuto il pulsante sinistro del mouse. Per eseguire la panoramica della curva visualizzata su un dispositivo multitouch, trascinarla con un dito in un'altra posizione.

Abilitare

Variabile (BOOL) per abilitare o disabilitare la panoramica.

TRUE: Abilita la panoramica

Esempio: PLC_PRG.xPanEnable

Casa

Variabile (BOOL)

Fronte di salita: ripristina la curva visualizzata nella posizione iniziale dopo che la visualizzazione è cambiata a causa del panning.

Esempio: PLC_PRG.xPanHome

Viene eseguito il panning

Variabile (BOOL) il cui stato indica se la curva visualizzata è stata modificata o meno a causa dello zoom.

TRUE: L'impostazione della curva è stata modificata.

Esempio: PLC_PRG.xIsPanned



Abilita per l'asse Y

Variabile (BOOL) per abilitare l'azione di zoom o panoramica anche per l'asse Y

TRUE: L'asse Y è abilitato.

Le variabili di controllo descritte di seguito (Inizio intervallo di date E Fine intervallo di date) può essere utilizzato per controllare a livello di codice l'intervallo di tempo del trend. Ciò ti consente di programmare la visualizzazione del trend senza Selettore intervallo di tempo elemento di visualizzazione.

Tuttavia, se desideri che un utente della visualizzazione sia in grado di specificare anche un intervallo di tempo, aggiungi l'elemento di selezione dell'intervallo di tempo. Gli orari nell'elemento di selezione dell'intervallo di tempo e nelle variabili IEC vengono mantenuti automaticamente sincronizzati.

Nota: assicurarsi che ogni trend abbia la propria variabile, altrimenti la registrazione del trend si interromperà.

Suggerimento: per dare all'utente un'indicazione del motivo per cui il trend è stato interrotto, il file _visu_icon_trend_stopped.png Il simbolo viene visualizzato alla fine degli assi del trend. Quando appare questo simbolo, il trend attuale è stato interrotto perché sono attivi Zoom o Pan oppure perché l'intervallo di tempo è limitato ai valori precedenti tramite variabili.

Inizio intervallo di date

Variabile CEI (DATE_AND_TIME, DT, LDATE_AND_TIME, LDT) per l'ora di inizio dell'intervallo di tempo. Per il DT tipo di dati, si ottiene una precisione di 1 s.

Se il valore cambia, la registrazione del trend viene interrotta.

Esempio: PLC_PRG.ldtStart. È consentita una sola variabile (non letterale).

Fine intervallo di date

Variabile CEI (DATE_AND_TIME, DT, LDATE_AND_TIME, LDT) per l'ora di fine dell'intervallo di tempo.

Per il DT tipo di dati, si ottiene una precisione di 1 s.

Se il valore cambia, la registrazione della tendenza reagisce come segue: Quando il valore aumenta, viene avviata la registrazione della tendenza. Quando il valore diminuisce, la registrazione del trend termina.

Esempio: PLC_PRG.ldtEnd. È consentita una sola variabile (non letterale).

Centro

Le proprietà contengono valori fissi per le coordinate del punto di rotazione. Il punto di rotazione viene visualizzato nell'editor come _visu_icon_center_point.png simbolo e viene utilizzato come centro per la rotazione e il ridimensionamento.

Suggerimento

Puoi anche modificare i valori trascinando il file _visu_icon_center_point.png simbolo in un'altra posizione nell'editor.

X

Coordinata X del punto di rotazione

Y

Coordinata Y del punto di rotazione

Movimento assoluto

Le proprietà contengono variabili IEC per il controllo dinamico della posizione dell'elemento. Il punto di riferimento è l'angolo superiore sinistro dell'elemento. In fase di esecuzione, l'intero elemento viene spostato.

Movimento

X

  • Variabile (tipo di dati numerico) per la posizione X (in pixel)

    Esempio: PLC_PRG.iPos_X

Aumentando questo valore in fase di esecuzione si sposta l'elemento a destra.

Y

Aumentando questo valore in fase di esecuzione si sposta l'elemento verso il basso.

Rotazione

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle1

Il punto medio dell'elemento ruota in corrispondenza di Centro punto. Questo punto di rotazione è mostrato come il _visu_icon_center_point.png simbolo.

In fase di esecuzione, l'allineamento dell'elemento rimane lo stesso rispetto al sistema di coordinate della visualizzazione. Aumentando il valore, l'elemento ruota a destra.

_visu_img_prp_rotation.png

Rotazione interna

Variabile (tipo di dato numerico) per l'angolo di rotazione (in gradi)

Esempio: PLC_PRG.iAngle2

In fase di esecuzione, l'elemento ruota attorno al punto di rotazione specificato in Centro in base al valore della variabile. Inoltre, l'allineamento dell'elemento ruota in base al sistema di coordinate della visualizzazione. Aumentando il valore nel codice ruota in senso orario.

Il punto di rotazione viene visualizzato come _visu_icon_center_point.png simbolo.

Nota

Se viene specificato un angolo di rotazione statico in Posizione → Angolo proprietà, quindi l'angolo di rotazione statico viene aggiunto all'angolo di rotazione variabile (offset) quando viene eseguita la visualizzazione.

_visu_img_prp_inner_rotation.png

Suggerimento

È possibile combinare le variabili in a conversione di unità.

Suggerimento

Il X, Y, Rotazione, e Rotazione interna le proprietà sono supportate dalla funzionalità "Animazione client".

Movimento relativo

Le proprietà contengono variabili per spostare l'elemento. Il punto di riferimento è la posizione dell'elemento (Posizione proprietà). La forma dell'elemento può cambiare.

Movimento in alto a sinistra

X

  • Variabile (tipo di dati intero) per il numero (in pixel) che il sinistra il bordo viene spostato orizzontalmente

    Esempio: PLC_PRG.iDeltaX

Aumentando il valore si sposta l'elemento a destra.

Y

  • Variabile (tipo di dati intero) per il numero (in pixel) che il superiore il bordo viene spostato verticalmente

    Esempio: PLC_PRG.iDeltaY

Aumentando il valore si sposta l'elemento verso il basso.

Movimento in basso a destra

X

Aumentando il valore si sposta l'elemento a destra.

Y

  • Variabile (tipo di dati intero) per il numero (in pixel) che il parte inferiore il bordo viene spostato verticalmente

    Esempio: PLC_PRG.iDeltaHeight

  • Variabile contenitore: Container.Height

    Per ulteriori informazioni, vedere: Regolazione ottimale della posizione e delle dimensioni

Aumentando il valore si sposta l'elemento verso il basso.

Movimento relativo

Le proprietà contengono variabili per lo spostamento dell'elemento. Il punto di riferimento è la posizione dell'elemento (Posizione proprietà). La forma dell'elemento può cambiare.

. Punto di movimento[0]

  • X

  • Y

Variabile (tipo di dato numerico) per il numero (in pixel) di cui viene spostato il punto iniziale della linea.

Aumentando il valore X si sposta l'elemento a destra.

Aumentando il valore Y si sposta l'elemento verso il basso.

. Punto di movimento[0]

  • X

  • Y

Variabile (tipo di dati numerico) per il numero (in pixel) di spostamento del punto finale della linea.

Aumentando il valore X si sposta l'elemento a destra.

Aumentando il valore Y si sposta l'elemento verso il basso.

Movimento relativo

Le proprietà contengono variabili per spostare l'elemento. Il punto di riferimento è la posizione dell'elemento (Posizione proprietà). La forma dell'elemento può cambiare.

Movimento in alto a sinistra

X

  • Variabile (tipo di dati intero) per il numero (in pixel) che il sinistra il bordo viene spostato orizzontalmente

    Esempio: PLC_PRG.iDeltaX

Aumentando il valore si sposta l'elemento a destra.

Y

  • Variabile (tipo di dati intero) per il numero (in pixel) che il superiore il bordo viene spostato verticalmente

    Esempio: PLC_PRG.iDeltaY

Aumentando il valore si sposta l'elemento verso il basso.

Movimento in basso a destra

X

Aumentando il valore si sposta l'elemento a destra.

Y

  • Variabile (tipo di dati intero) per il numero (in pixel) che il parte inferiore il bordo viene spostato verticalmente

    Esempio: PLC_PRG.iDeltaHeight

  • Variabile contenitore: Container.Height

    Per ulteriori informazioni, vedere: Regolazione ottimale della posizione e delle dimensioni

Aumentando il valore si sposta l'elemento verso il basso.

Variabili di stato

Le variabili controllano il comportamento dell'elemento in modo dinamico.

Invisibile

variabile (BOOL) per alternare la visibilità dell'elemento

TRUE: L'elemento non è visibile in fase di esecuzione.

Suggerimento

Il Invisibile la proprietà è supportata dalla funzionalità "Animazione client".

Animazione

Suggerimento

Queste proprietà sono disponibili solo dopo aver selezionato il Supporta le animazioni dei clienti e la sovrapposizione di elementi nativi opzione nel Responsabile della visualizzazione.

Durata dell'animazione

Variabile per la durata (in millisecondi) in cui l'elemento esegue un'animazione

  • Variabile (valore intero)

    Esempio: Menu.tContent insieme a VAR tContent : INT := 500; END_VAR

  • Intero letterale

    Esempio: 500

. Proprietà animabili

  • Movimento assoluto, Movimento, X, Y

  • Movimento assoluto, Rotazione

  • Movimento assoluto, Rotazione interna

  • Movimento assoluto, Rotazione esterna

Il movimento animato viene eseguito quando almeno un valore di una proprietà animabile è cambiato. Il movimento quindi eseguito non è a scatti, ma è regolare entro la durata dell'animazione specificata. L'elemento di visualizzazione si sposta nella posizione specificata durante la rotazione dinamica. Le transizioni sono fluide.

Passa in primo piano

variabile (BOOL) per impostare l'elemento in primo piano

TRUE: In runtime l'elemento di visualizzazione viene visualizzato in primo piano.

FALSE: In runtime, l'elemento di visualizzazione viene visualizzato nel layer in cui è stato inserito nell'editor di visualizzazione.

Esempio: bIsInForeground insieme a VAR bIsInForeground : BOOL := FALSE; END_VAR

Diritti di accesso

Nota

Disponibile solo quando una gestione utenti è impostata per la visualizzazione.

Diritti di accesso pulsante

Apre il Diritti di accesso dialogo. Lì puoi modificare i privilegi di accesso per l'elemento.

. Messaggi di stato:

  • Non impostato. Pieni diritti.: Diritti di accesso per tutti i gruppi di utenti: operabile

  • I diritti sono impostati: diritti limitati: L'accesso è limitato ad almeno un gruppo.

In questa sezione:
Vedere anche: